$(function () {
  getUserInfo();

  var layer = layui.layer;
  // 点击按钮实现退出
  $('#btnLogout').on('click', function () {
    // 提示用户是否确认退出
    layer.confirm('确定退出登录?', { icon: 3, title: '提示' }, function (index) {
      // 1.清空本地存储中token
      localStorage.removeItem('token');
      // 2.重新跳转到登录页面
      location.href = '/login.html';

      // 关闭询问框
      layer.close(index);
    });
  });
});

// 获取用户基本信息
function getUserInfo() {
  $.ajax({
    method: 'GET',
    url: '/my/userinfo',
    // header就是请求头配置对象
    // headers: {
    //   Authorization: localStorage.getItem('token') || '',
    // },
    success: function (res) {
      if (res.status !== 0) {
        return layui.layer.msg('获取用户信息失败');
      }
      // 调用renderAvatar渲染用户头像
      renderAvatar(res.data);
    },
    // // 不论成功还是失败,最终都会调用complate
    // complete: function (res) {
    //   // console.log('执行了complate回调');
    //   // console.log(res);
    //   // 在complate回调函数中可以使用res.responseJSON拿到服务器响应回来的数据
    //   if (res.responseJSON.status === 1 && res.responseJSON.message === '身份认证失败！') {
    //     // 1.强制清空 token
    //     localStorage.removeItem('token');
    //     // 2.强制跳转登录页面
    //     location.href = '/login.html';
    //   }
    // },
  });
}

// 渲染用户头像
function renderAvatar(user) {
  // 1.获取用户昵称
  var name = user.nickname || user.username;
  // 2.设置欢迎文本
  $('#welcome').html('欢迎&nbsp;&nbsp;' + name);

  // 按需渲染用户头像
  if (user.user_pic !== null) {
    // 3.1渲染图片头像
    console.log(user);
    $('.layui-nav-img').attr('src', user.user_pic).show();
    $('.text-avatar').hide();
  } else {
    // 3.2渲染文本头像
    $('.layui-nav-img').hide();
    var first = name[0].toUpperCase();
    $('.text-avatar').html(first).show();
  }
}
